<template>
	<div class="view-root">
		<iframe :src="towRsUrl" frameborder="0" ref="refed" class="scene_view"></iframe>

		<div class="footer-lay">
			<button @click="onCloseClick">
				{{ $t("message.public.close") }}
			</button>
			<!-- <button @click="onRefreshClick"><i class="iconfont">&#xe81f;</i></button> -->
		</div>
	</div>
</template>

<script>
import { getSvgData } from "@/api/api";
export default {
	props: ["towRsUrl"],

	data() {
        return {
            
        }
    },

    methods: {
        onCloseClick() {
            this.$emit("onCloseClick")
        }
    }
};
</script>

<style lang="scss" scoped>
.view-root {
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
}

.scene_view {
	width: 100%;
	height: calc(100% - 47px);
}

.footer-lay {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 47px;
    padding: 0 15px;
    border-top: 1px solid #d9d9d9;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    background: #ffffff;
    button {
        width: 82px;
        height: 32px;
        background: #ffffff;
        border: 1px solid #d9d9d9;
        margin-right: 12px;
        border-radius: 4px;
    }

    button:nth-child(1) {
        // position: absolute;
        background: #EB7421;
        color: #fff;
        right: 0px;
    }

    button:nth-child(2) {
        width: 52px;
		background-color: #f8f8f8;
        border: 1px solid #d9d9d9;
        color: rgba(0, 0, 0, 0.65);
    }

    .iconfont {
		color: rgba(0, 0, 0, 0.65);
    }
}
</style>